<template>
  <div class="main">

    <cenTop/>
    <cenMap/>
    <cenBot/>

    <LeftTop/>
    <LeftMid/>
    <LeftBot/>

    <rightTop/>
    <rightMid/>
    <rightBot/>
  </div>

</template>

<script>
import { getAllProvinceLive, getTotalPayChargeTOP10, getAllSpaceChargeMsg } from '../api/api';

import LeftTop from "../components/LeftTop"
import LeftMid from "../components/LeftMid"
import LeftBot from "../components/LeftBot"

import rightTop from "../components/rightTop"
import rightMid from "../components/rightMid"
import rightBot from "../components/rightBot"

import cenTop from "../components/cenTop"
import cenMap from "../components/cenMap"
import cenBot from "../components/cenBot"

export default {
  components: {
    LeftTop,
    LeftMid,
    LeftBot,
    rightTop,
    rightMid,
    rightBot,
    cenTop,
    cenMap,
    cenBot
  },
  name: 'Main',
  data() {
    return {
      msg: 'Main'
    }
  },
  mounted() {

  },
  methods: {
    winload() {
      window.reload()
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.main {
  margin: 0 5.8rem;
}
</style>
